$LIGHT_STYLE: (
  page_title_color: #000,
  font_main_color: #000,
  datalist_result_color: rgba(55, 73, 87, 0.5),
  main_bg_color: #fff,
);

$DARK_STYLE: (
  page_title_color: #ededed,
  font_main_color: #ededed,
  datalist_result_color: rgba(55, 73, 87, 0.5),
  main_bg_color: rgb(36, 34, 34),
);

.u-light-theme {
  --page_title_color: #{map-get($LIGHT_STYLE, "page_title_color")};
  --font_main_color: #{map-get($LIGHT_STYLE, "font_main_color")};
  --main_bg_color: #{map-get($LIGHT_STYLE, "main_bg_color")};
  --datalist_result_color: #{map-get($LIGHT_STYLE, "datalist_result_color")};
}

.u-dark-theme {
  --page_title_color: #{map-get($DARK_STYLE, "page_title_color")};
  --font_main_color: #{map-get($DARK_STYLE, "font_main_color")};
  --main_bg_color: #{map-get($DARK_STYLE, "main_bg_color")};
  --datalist_result_color: #{map-get($DARK_STYLE, "datalist_result_color")};
}
